.main-container {
  width: 1050px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 11;
  //color: #4a4a4a;

  .main-left {
    margin-right: 20px;
    .page-title {
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: bold;
      padding: 16px 0;
    }

  }
  .main-right {
    overflow: hidden;
    width: 340px;
    background-color: #fafafa;
    padding: 20px 20px;
  }
}

.post-box {
  width: 100%;
  cursor: pointer;
  .post-top {
    position: relative;
    height: 340px;
    overflow: hidden;
    .top-img {
      width: 100%;
      height: 340px;
    }
    .post-title {
      width: 100%;
      bottom: 0;
      left: 0;
      padding: 20px 10px 10px;
      color: #fff;
      font-size: 24px;
      z-index: 1;
      text-shadow: 1px 1px 2px #000;
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.75)),color-stop(1,transparent));
    }

  }

}
